<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>显示模式</title>
		<link href="css/new_file.css" rel="stylesheet"/>
		
	</head>
	<body><!-- 元素显示模式
	1.块元素：
	a.单独占一行
	b.默认宽度是父级元素宽度的100%
	d.块元素内可以包含行内元素和块元素
	c.块元素可以设置宽高和对齐属性
	*文本类标签不放块元素
	2.行内元素：a.一行可显示多个
	b.默认宽度是内容的宽度，宽高属性设置无效。
	c.行内元素里一般只包含文本或其他行内元素
	*链接标签里面不放链接
	3.行内块元素
	a.一行显示多个
	b.默认宽度是内容本身的宽度
	c.可以设置宽高
	4.元素显示模式转换
	a.转换为行内块元素：display：inline-block
	b.转换为块元素：display：block
	<input/>,<img />,<td></td>
		 -->
		 
		 <h4>redmi k70</h4>
		 <p>性能旋风</p>
		 <span>2399元</span>
		 <del>2999元</del>
		 <span>用户名</span>
		 <input type="text" />
		 <span>密码</span>
		 <input type="password"/>
		 <a href="#">baidu.....</a>
	</body>
</html>
